﻿@using Local;
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Know Book Show Engagement</title>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/bootstrap.min.css")" media="screen" />
    <link href="~/Content/responsive.css" rel="stylesheet" />
    <link href="@Url.Content("/Content/styles.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("/Content/icons.min.css")" rel="stylesheet" type="text/css" />
    <link href="~/Content/user.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
    <script src="@Url.Content("/Scripts/jquery-2.0.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/jquery-ui.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/charts/sparkline.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/uniform.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/select2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/inputmask.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/autosize.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/inputlimit.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/listbox.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/multiselect.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/tags.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/switch.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/uploader/plupload.full.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/uploader/plupload.queue.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/wysihtml5/wysihtml5.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/forms/wysihtml5/toolbar.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/daterangepicker.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/fancybox.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/moment.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/jgrowl.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/datatables.min.js")" type="text/javascript"></script>
    <script src="~/Scripts/json2.js"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/colorpicker.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/fullcalendar.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/timepicker.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/plugins/interface/collapsible.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/bootstrap.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/application.js")" type="text/javascript"></script>
    <script src="~/Scripts/filedrop.js"></script>
</head>
<body class="sidebar-wide">
    <!-- Navbar -->
    <div class="navbar navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="sidebar-toggle"><i class="icon-paragraph-justify2"></i></a>
            <a class="page-title" href="/Home/Index" style="font-size:3em;  margin-left:2em; font-weight:bolder; color:#eeeeee;">
            <i>i</i> প্রত্রিকা</a>
            <div class="page-title">
                <h2>=> ইন্টারনেট প্রত্রিকা, ছোট প্রত্রিকাদের মঞ্চপ্রকাশ </h2>
            </div>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-icons"><span class="sr-only">Toggle navbar</span><i class="icon-grid3"></i></button>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar"><span class="sr-only">Toggle navigation</span><i class="icon-paragraph-justify2"></i></button>
        </div>
        <ul class="nav navbar-nav navbar-right collapse" id="navbar-icons">
            <li class="user dropdown">
                <a class="dropdown-toggle" href="/Account/LogOff" data-toggle="dropdown"><span>Magazines</span><i class="caret"></i></a>
                <ul class="dropdown-menu dropdown-menu-right icons-right">
                    <li class="active"><a href="/Magazine/Index"><i class="icon-exit"></i>List Magazine</a></li>
                    <li><a href="/Account/LogOff"><i class="icon-exit"></i>Logout</a></li>
                </ul>
            </li>


            <li class="user dropdown clearfix">
                <a class="dropdown-toggle" data-toggle="dropdown"><span>Contents</span><i class="caret"></i></a>
                <ul class="dropdown-menu dropdown-menu-right icons-right">                   
                    <li><a href="#"><i class="icon-twitter"></i>Magazine List</a></li>
                    <li class="active"><a href="/Magazine/Create"><i class="icon-exit"></i>Create Book</a></li>
                </ul>
            </li>

            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown"><i class="icon-paragraph-justify2"></i></a>
                <div class="popup dropdown-menu dropdown-menu-right">
                    <div class="popup-header"><a href="#" class="pull-left"></a><span>Help</span></div>
                    <ul class="popup-messages">
                        <li><a href="#"><strong>Knowledge Base </strong></a></li>
                        <li><a href="#"><strong>Bug Tracker </strong></a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <!-- /navbar -->
    <!-- Page container -->
    <div class="page-container">
        <!-- Sidebar -->
        <div class="sidebar collapse">
            <div class="sidebar-content">
                <!-- User dropdown -->
                <div class="user-menu dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="@Url.Content("~/Images/demo/socialicons/fb_icon.png")" alt="">
                        <div class="user-info">Facebook <span>Score Card</span></div>
                    </a>

                </div>
                <!-- /user dropdown -->
                <!-- Main navigation -->
                <ul class="navigation">
                    <li class="active"><a href="index.html"><span>Dashboard</span> <i class="icon-screen2"></i></a></li>
                </ul>
                <!-- /main navigation -->
            </div>
        </div>
        <!-- Sidebar -->
        <div class="sidebar collapse">
            <div class="sidebar-content">
                <!-- User dropdown -->
                <div class="user-menu dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <div class="user-info">
                            <h1>Know </h1>
                            <span>SME Score Card</span>
                        </div>
                    </a>

                </div>
                <!-- /user dropdown -->
                <!-- Main navigation -->
                <ul class="navigation">
                    <li class="active">
                        <a href="@Url.Action("BookList", "Handle")" class="expand" id="second-level"><span>Magazine</span> <i class="icon-user"></i></a>
                        <ul id="MainLeftMenu">
                            <li><a href="/Magazine/Index">Magazine</a></li>
                        </ul>
                    </li>
                </ul>
                    @RenderSection("masterscripts", required: false)
                <!-- /main navigation -->
            </div>
        </div>
        <!-- /sidebar -->
        <!-- Page content -->
        <div class="page-content">
            @RenderBody()
            <!-- Footer -->
            <div class="footer clearfix">
                <div class="pull-left">
                    &copy; 2014. Know Book Show Analytics by <a href="/Home/Index">Book Show Team</a>

                    @if (this.IsWebAdmin())
                    {
                        <span>|  Report  <a href="/Bug/Index">Bugs <i class="icon-bug"></i></a>here </span>
                    }
                </div>
                <div class="pull-right icons-group"><a href="#"><i class="icon-screen2"></i></a></div>
            </div>
            <!-- /footer -->
        </div>
        <!-- /page content -->
    </div>
    <script type="text/javascript">
        var showLeftPanel = '@ViewBag.LeftPanel';
        $.fn.mvc = function (option) {
            var o = {};
            var form = $(this).closest("form");
            var a = form.serializeArray();
            
            $.each(a, function () {
                if (o[this.name]) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            var url = option.url ? option.url: $(form).attr("action");
            var json = JSON.stringify(o);
            $.ajax({
                url: url,
                type: "POST",
                contentType: 'application/json; charset=utf-8',
                cache: false,
                data: json,
                success: function (data) {
                    option.success(data);
                },
                error: function (a, b, c) {
                    option.error(a, b, c);
                }
            });
        };

        $(function () {
            if (showLeftPanel) {
              //  $('.page-container').toggleClass('sidebar-hidden');
            }
            makePanelToBox('.wpanel');
        });
        function makePanelToBox(selector) {
            $(selector).each(function (e, t) {
                var ctl = $(this);
                var title = $(ctl).data("title");
                if (title == null) title = "Title " + e;
                var boxPanel = $(ctl).wrap("<div class='panel-body'></div>");
                var boxHead = $(boxPanel).wrap("<div class='panel panel-default'></div>");
                var titlebar = $('<div class="panel-heading"><h6 class="panel-title"><i class="icon-deviantart2"></i>' + title + '</h6></div>');
                $(titlebar).insertBefore(boxPanel);
            });
        }
    </script>
</body>
</html>
